           <!--文档类型  -->
           <!DOCTYPE html>
           <html lang="en">
           <head>
            
            <meta charset="UTF-8">
            <meta name="viewport" content="width=device-width, initial-scale=1.0">
            <title>game</title>
           </head>
           <body>
            <div class="head container">
                <img src="https://static.9377a.com/games/229520jscs_layoutit/images/20ef2e0e6cf0740f.png" alt="">
            </div>
            <div class="main">
                <div class="banner">
                     <a href="https://tp.9377ja.com/1708555/?ver=232301kmsn">
                         <img src="https://static.9377a.com/games/230231jhybscsqgsymz_layoutit/images/d2effe9e5a44bbe2.gif" alt="">
                     </a>
               </div>
               <div class="hot container">
                <div class="title">2025热门页游</div>
                <div class="list">
                    <div class="item">
                        <img src="https://static.9377a.com/games/230231jhybscsqgsymz_layoutit/images/b6511fbf83118997.gif" alt="">
                    <div class="game_info">
                        <p class="game_name"><span>骷髅红包传奇</span></p>
                        <p class="miaoshu">不是氪金玩不起！只是鬼服更有性价比！</p>
                    </div>
                    </div>
                    <div class="item">
                        <img src="https://static.9377a.com/games/230231jhybscsqgsymz_layoutit/images/b6511fbf83118997.gif" alt="">
                    <div class="game_info">
                        <p class="game_name"><span>骷髅红包传奇</span></p>
                        <p class="miaoshu">不是氪金玩不起！只是鬼服更有性价比！</p>
                    </div>
                    </div>
                    <div class="item">
                        <img src="https://static.9377a.com/games/230231jhybscsqgsymz_layoutit/images/b6511fbf83118997.gif" alt="">
                    <div class="game_info">
                        <p class="game_name"><span>骷髅红包传奇</span></p>
                        <p class="miaoshu">不是氪金玩不起！只是鬼服更有性价比！</p>
                    </div>
                    </div>
                    <div class="item">
                        <img src="https://static.9377a.com/games/230231jhybscsqgsymz_layoutit/images/b6511fbf83118997.gif" alt="">
                    <div class="game_info">
                        <p class="game_name"><span>骷髅红包传奇</span></p>
                        <p class="miaoshu">不是氪金玩不起！只是鬼服更有性价比！</p>
                    </div>
                    </div>
                </div>
               </div>
               <div class="other container">
                <img src="https://tp.9377s.com/1708556/" alt="">
                <div class="rank"></div>
                <div class="recommend">
                    <div class="title">精品页游推荐</div>
                    <div class="recommend_list">
                    <div class="recommend_list_1">
                        <div class="recommend_list_1_1">
                            <img src="https://static.9377a.com/games/231725jhybscsqgwrmzer_layoutit/images/79bd44647ee2b5d0.gif" alt="">
                            <div class="explore">
                                <div class="explore_name"><span>高爆传奇：哪吒版</span></div>
                                <div class="exmplate">简介：散人首选 简单粗暴无暗坑 无隐藏 装备好打</div>
                                <button class="button">
                                    <a href="https://tp.9377s.com/1708555/?sid=new&ver=230139dsnz">
                                        <img src="https://static.9377a.com/games/229920jhybscsah_layoutit/images/15a1db5274c56092.png" alt="">
                                    </a>
                                </button>
                            </div>
                        </div>
                        <div class="recommend_list_1_1">
                            <img src="https://static.9377a.com/games/230231jhybscsqgsymz_layoutit/images/6c28582df3b54f84.gif" alt="">
                            <div class="explore">
                                <div class="explore_name"><span>攻速月灵传奇</span></div>
                                <div class="exmplate">简介：终极必爆 光柱满屏你绝对没玩过的激情服</div>
                                <button class="button">
                                    <a href="https://tp.9377s.com/1708555/?sid=new&ver=230139dsnz">
                                        <img src="https://static.9377a.com/games/229920jhybscsah_layoutit/images/15a1db5274c56092.png" alt="">
                                    </a>
                                </button>
                            </div>
                        </div>
                        <div class="recommend_list_1_1">
                            <img src="https://static.9377a.com/games/230231jhybscsqgsymz_layoutit/images/f7e0895dfb5fbefc.gif" alt="">
                            <div class="explore">
                                <div class="explore_name"><span>复古传奇：高爆打金</span></div>
                                <div class="exmplate">简介：上班族零氪金首选挂机升级 自动打怪</div>
                                <button class="button">
                                    <a href="https://tp.9377s.com/1708555/?sid=new&ver=230139dsnz">
                                        <img src="https://static.9377a.com/games/229920jhybscsah_layoutit/images/15a1db5274c56092.png" alt="">
                                    </a>
                                </button>
                            </div>
                        </div>
                    </div>
                    <div class="recommend_list_2">
                        <div class="recommend_list_2_1"><img src="https://static.9377a.com/games/231725jhybscsqgwrmzer_layoutit/images/010c6e324d77a719.gif" alt="">
                            <div class="explore">
                                <div class="explore_name"><span>复古传奇5：打金专服</span></div>
                                <div class="exmplate">简介：装备全爆 BOSS超多刀刀切割 终极好爆</div>
                                <button class="button">
                                    <a href="https://tp.9377s.com/1708555/?sid=new&ver=230139dsnz">
                                        <img src="https://static.9377a.com/games/229920jhybscsah_layoutit/images/15a1db5274c56092.png" alt="">
                                    </a>
                                </button>
                            </div>
                        </div>
                        <div class="recommend_list_2_1"><img src="https://static.9377a.com/games/229920jhybscsah_layoutit/images/bbfe67d06672ad06.jpg" alt="">
                            <div class="explore">
                                <div class="explore_name"><span>英雄合击版传奇</span></div>
                                <div class="exmplate">简介：散人首选 简单粗暴无暗坑 无隐藏 装备好打</div>
                                <button class="button">
                                    <a href="https://tp.9377s.com/1708555/?sid=new&ver=230139dsnz">
                                        <img src="https://static.9377a.com/games/229920jhybscsah_layoutit/images/15a1db5274c56092.png" alt="">
                                    </a>
                                </button>
                            </div>
                        </div>
                        <div class="recommend_list_2_1"><img src="https://static.9377a.com/games/229920jhybscsah_layoutit/images/2c4275d96a0c17ce.jpg" alt="">
                            <div class="explore">
                                <div class="explore_name"><span>神龙高爆：超攻速服</span></div>
                                <div class="exmplate">简介：绿色长久 刀刀加速上线立领 新人礼包</div>
                                <button class="button">
                                    <a href="https://tp.9377s.com/1708555/?sid=new&ver=230139dsnz">
                                        <img src="https://static.9377a.com/games/229920jhybscsah_layoutit/images/15a1db5274c56092.png" alt="">
                                    </a>
                                </button>
                            </div>
                        </div>
                      </div>
                      </div>
                    </div>
                </div>
               </div>
             </div>
        
            <style>
                *{padding: 0;
                  margin: 0;}
                .container{
                    width: 80%;
                    min-width: 1200px;
                    margin: 0 auto;
                }
                .head >img{
                    width: 124px;
                    height: 62px;
                }
                .banner>img{
                    width: 100%;
                }
                 .title{
                    background: #ff0000;
                    padding: 0 60px;
                    color:white;
                    font-size: 39px;
                }
                .list{
                    display: flex;
                    justify-content: space-between;
                    margin-top: 10px;
                }
                .list .item{
                    min-width: 290px;
                    width: 24%;
                    color:#040100;
                    font-size: 29px;
                    padding-bottom: 20px;
                    border: 1px solid #d5d5d5;
                    border-bottom-left-radius: 10px;
                    border-bottom-right-radius: 10px;
                }
                .game_name span{
                    border-bottom: 1px solid red;
                }
                .game_info{
                    padding: 0 20px;
                }
                .game_info .miaoshu{
                    color: #979797;
                    font-size: 14px;
                    line-height: 36px;
                }
                .list .item img{
                    width: 100%;
                }
                .item{
                    margin-top: 50px;
                }
                  .recommend_list_1_1>img{
                    width: 50%;
                    height: 300px;
                    margin: 10px;
                }
                .recommend_list_1_1{
                    display:flex;
                    justify-content: start;
                    min-width: 290px;
                    width: 98%;
                    color:#040100;
                    border: 1px solid #d5d5d5;
                    border-radius: 10px;
                   margin-top: 10px;
                   margin-right: 10px;
                }
                .button{
                    width: 153px;
                    height: 48px;
                }
                .explore_name{
                    font-size: 25px;
                    margin: 10 0; 
                    width: 65%;
                }
                .exmplate{
                    font-size: 15px;
                    margin-bottom: 50px;
                    width: 65%;
                }
                .button{
                    width: 100px;
                    width: 65%;
                }
                .recommend_list_2_1>img{
                    width: 50%;
                    height: 300px;
                    margin: 10px;
                }
                .recommend_list_2_1{
                    display:flex;
                    justify-content:start;
                    min-width: 290px;
                    width: 98%;
                    color:#040100;
                    border: 1px solid #d5d5d5;
                    border-radius: 10px;
                   margin-top: 10px;
                   margin-right: 10px;
                }
                .recommend_list{
                   display: flex;
                }
               
            </style>
           </body>
           </html>